#blogList {
  .blog-item {
      background-color: #fff;
      border-radius: 8px;
      padding: 20px;
      margin-bottom: 10px;
      position: relative;
  }
  .blog-item:not(:last-child) {
      border-bottom: 1px solid #eee;
      padding-bottom: 20px;
  }
  .blog-title {
      font-size: 1.5rem;
      margin-bottom: 10px;
      font-weight: 600;
      color: #222;
  }
  .blog-title a {
    padding-bottom: 4px;
    background: linear-gradient(to right, rgb(66, 66, 250),rgb(230, 0, 130)) no-repeat;
    background-size: 0 2px;
    background-position: left bottom;
    transition: background-size 0.6s;
    &:hover {
        background-size: 100% 2px;
    }
  }
  .blog-description {
      font-size: 1rem;
      color: #555;
      line-height: 1.6;
      margin-bottom: 15px;
  }
  .blog-meta {
      font-size: 0.8rem;
      color: #888;
  }
}